nav  {
	display: block;
	width: 500px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

nav ul {
	margin: 10px 0 0px 0;
	padding: .7em;
	float: left;
	list-style: none;
	background: #444;
	background: rgba(0,0,0,.2);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;    
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	box-shadow: 0 2px 0 rgba(255,255,255,.2), 0 2px 1px rgba(110,110,110,.8) inset; 
}

nav li {
	float:left;
}

nav a {
	float:left;
	padding: .8em 1.5em;
	text-decoration: none;
	color: #555;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-size:14px;
	/*font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;*/
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #ccc #999 #eee;
	background: #c1c1c1;
	background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
	background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
	background: -o-linear-gradient(#f5f5f5, #c1c1c1);
	background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
	background: linear-gradient(#f5f5f5, #c1c1c1);            
 }
 
nav a:hover, nav a:focus {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #fac754;
	background: -moz-linear-gradient(#fac754, #f8ac00);
	background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
	background: -webkit-linear-gradient(#fac754, #f8ac00);
	background: -o-linear-gradient(#fac754, #f8ac00);
	background: -ms-linear-gradient(#fac754, #f8ac00);
	background: linear-gradient(#fac754, #f8ac00);
}

nav a:active {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 
nav li:first-child a {
	border-left: 0;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
	border-right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;            
}

/* RESTAURANTS DROPDOWNLIST */
ul {list-style:none; }
/* 
	LEVEL ONE
*/
ul.restaurantes                         { position: relative; }
ul.restaurantes li                      { height:60px; font-weight: bold; display: block; float: left; zoom: 1; background: #F7941E; }
ul.restaurantes a:hover		            { color: #000; }
ul.restaurantes a:active                { color: #F7941E; }
ul.restaurantes li a                    { display: block; padding: 23px 8px; border-right: 1px solid #333;
	 								  color: #FFF; }
ul.restaurantes li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.restaurantes li.hover,
ul.restaurantes li:hover                { background: #F7941E; color: black; position: relative; z-index:10000;}
ul.restaurantes li.hover a              { color: #FFF; }


/* 
	LEVEL TWO
*/
ul.restaurantes ul 						{ width: 200px; visibility: hidden; position: absolute; top:60px; left: -40px;}
ul.restaurantes ul li 					{ font-weight: normal; background: #F7941E; color: #000; border-top-left-radius:0px; border-top-right-radius:0px;
									  border-bottom: 1px solid #ccc; float: none; padding-bottom:5px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.restaurantes ul li a					{ height:0px;border-right: none; width: 100%; display: inline-block;} 

/* USUARIO DROPDOWNLIST */

/* 
	LEVEL ONE
*/
ul.user                         { position: relative; }

ul.user li                      { height:30px;width:230px;font-weight: bold; display: block; float: left; zoom: 1; cursor:pointer; }
@media screen and (max-device-width: 960px) {
	ul.user li                      { height:5px;width:150px;font-weight: bold;  display: block; float: left; zoom: 1; cursor:pointer; }
}
ul.user a:hover		            { color: #414042; }
ul.user a:active                { color: #F7941E; }
ul.user li a        			{ display: block;text-align:left;padding: 5px 15px; border-right: 1px solid #333; color: #414042; }		
@media screen and (max-device-width: 960px) {
	ul.user li a        			{ display: block;text-align:left;padding: 5px 15px; border-right: 1px solid #333; color: #414042; }									}
ul.user li a.first_level        { display: block;text-align:right;padding: 5px 5px; border-right: 1px solid #333; color: #222; }	 
ul.user li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.user li.hover,
ul.user li:hover                {  color: black; position: relative; z-index:10000;}
ul.user li.hover a              { color: #414042; }


/* 
	LEVEL TWO
*/

ul.user ul 						{font-size:14px;width:200px; visibility: hidden; position: absolute; top:42px; left: -45px;}
@media screen and (max-device-width: 960px) {
	ul.user ul 						{font-size:14px;width:300px; visibility: hidden; position: absolute; top:42px; left: -45px;}
}

ul.user ul li 					{text-align:left;font-weight: normal;  background:#F8F8F8; color: #FFF; border-right: 1px solid #999; border-left: 1px solid #999; float: none; }
ul.user ul li:hover 			{text-align:left;font-weight:bold;  background:#CCC; color: #FBB040; border-right: 1px solid #999; border-left: 1px solid #999; float: none; }
ul.user ul li:last-child		{text-align:left;font-weight: normal;  background:#F8F8F8; color: #FFF; border-right: 1px solid #999; border-left: 1px solid #999; float: none;border-bottom: 1px solid #999; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}	
ul.user ul li:last-child:hover 	{text-align:left;font-weight:bold;  background:#CCC; color: #FBB040; border-right: 1px solid #999; border-left: 1px solid #999; float: none; }								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.user ul li a					{ height:0px;border-right: none; width: 100%; display: inline-block;} 
